@font-face {
  font-family: 'piui';  /* project id 1305263 */
  src: url('https://at.alicdn.com/t/font_1305263_1r3id99q8om.eot');
  src: url('https://at.alicdn.com/t/font_1305263_1r3id99q8om.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_1305263_1r3id99q8om.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_1305263_1r3id99q8om.woff') format('woff'),
  url('https://at.alicdn.com/t/font_1305263_1r3id99q8om.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_1305263_1r3id99q8om.svg#piui') format('svg');
}

[class*='pi-icon-'] {
  font-family: 'piui' !important;
  font-size: 16px;
  font-style: normal;
  color: $pi-fonticon-color;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pi-icon-up {
  transform: rotate(-90deg);
  &:before {
    content: '\e6a3';
  }
}

.pi-icon-down {
  transform: rotate(90deg);
  &:before {
    content: '\e6a3';
  }
}

.pi-icon-appreciate:before {
  content: "\e644";
}

.pi-icon-check:before {
  content: "\e645";
}

.pi-icon-close:before {
  content: "\e646";
}

.pi-icon-edit:before {
  content: "\e649";
}

.pi-icon-emoji:before {
  content: "\e64a";
}

.pi-icon-favorfill:before {
  content: "\e64b";
}

.pi-icon-loading:before {
  content: "\e64f";
}

.pi-icon-locationfill:before {
  content: "\e650";
}

.pi-icon-location:before {
  content: "\e651";
}

.pi-icon-phone:before {
  content: "\e652";
}

.pi-icon-roundcheckfill:before {
  content: "\e656";
}

.pi-icon-roundcheck:before {
  content: "\e657";
}

.pi-icon-roundclosefill:before {
  content: "\e658";
}

.pi-icon-roundclose:before {
  content: "\e659";
}

.pi-icon-roundrightfill:before {
  content: "\e65a";
}

.pi-icon-roundright:before {
  content: "\e65b";
}

.pi-icon-search:before {
  content: "\e65c";
}

.pi-icon-timefill:before {
  content: "\e65e";
}

.pi-icon-time:before {
  content: "\e65f";
}

.pi-icon-unfold:before {
  content: "\e661";
}

.pi-icon-warnfill:before {
  content: "\e662";
}

.pi-icon-warn:before {
  content: "\e663";
}

.pi-icon-camerafill:before {
  content: "\e664";
}

.pi-icon-camera:before {
  content: "\e665";
}

.pi-icon-commentfill:before {
  content: "\e666";
}

.pi-icon-comment:before {
  content: "\e667";
}

.pi-icon-likefill:before {
  content: "\e668";
}

.pi-icon-like:before {
  content: "\e669";
}

.pi-icon-notificationfill:before {
  content: "\e66a";
}

.pi-icon-notification:before {
  content: "\e66b";
}

.pi-icon-order:before {
  content: "\e66c";
}

.pi-icon-back:before {
  content: "\e679";
}

.pi-icon-cascades:before {
  content: "\e67c";
}

.pi-icon-list:before {
  content: "\e682";
}

.pi-icon-scan:before {
  content: "\e689";
}

.pi-icon-questionfill:before {
  content: "\e690";
}

.pi-icon-question:before {
  content: "\e691";
}

.pi-icon-form:before {
  content: "\e699";
}

.pi-icon-pic:before {
  content: "\e69b";
}

.pi-icon-top:before {
  content: "\e69e";
}

.pi-icon-pulldown:before {
  content: "\e69f";
}

.pi-icon-pullup:before {
  content: "\e6a0";
}

.pi-icon-right:before {
  content: "\e6a3";
}

.pi-icon-refresh:before {
  content: "\e6a4";
}

.pi-icon-moreandroid:before {
  content: "\e6a5";
}

.pi-icon-qrcode:before {
  content: "\e6b0";
}

.pi-icon-delete:before {
  content: "\e6b4";
}

.pi-icon-profile:before {
  content: "\e6b7";
}

.pi-icon-home:before {
  content: "\e6b8";
}

.pi-icon-homefill:before {
  content: "\e6bb";
}

.pi-icon-roundaddfill:before {
  content: "\e6d8";
}

.pi-icon-roundadd:before {
  content: "\e6d9";
}

.pi-icon-danxuanfill:before {
  content: "\e71e";
}

.pi-icon-danxuan:before {
  content: "\e71f";
}

.pi-icon-tishifill:before {
  content: "\e72a";
}

.pi-icon-tishi:before {
  content: "\e72b";
}

.pi-icon-biaoxingfill:before {
  content: "\e732";
}

.pi-icon-biaoxing:before {
  content: "\e733";
}

.pi-icon-dianpufill:before {
  content: "\e735";
}

.pi-icon-dianpu:before {
  content: "\e736";
}

.pi-icon-kefufill:before {
  content: "\e740";
}

.pi-icon-kefu:before {
  content: "\e741";
}

.pi-icon-liuyanfill:before {
  content: "\e743";
}

.pi-icon-liuyan:before {
  content: "\e744";
}

.pi-icon-pengyoufill:before {
  content: "\e745";
}

.pi-icon-pengyou:before {
  content: "\e746";
}

.pi-icon-shizhongfill:before {
  content: "\e74e";
}

.pi-icon-shizhong:before {
  content: "\e74f";
}

.pi-icon-shouyefill:before {
  content: "\e750";
}

.pi-icon-shouye:before {
  content: "\e751";
}

.pi-icon-sousuoleimufill:before {
  content: "\e753";
}

.pi-icon-sousuoleimu:before {
  content: "\e754";
}

.pi-icon-tongzhifill:before {
  content: "\e758";
}

.pi-icon-tongzhi:before {
  content: "\e759";
}

.pi-icon-xinxifill:before {
  content: "\e762";
}

.pi-icon-xinxi:before {
  content: "\e763";
}

.pi-icon-dingbujinzhi:before {
  content: "\e76b";
}

.pi-icon-dingbu:before {
  content: "\e76c";
}

.pi-icon-salefill:before {
  content: "\e78a";
}

.pi-icon-sale:before {
  content: "\e78b";
}

.pi-icon-videofill:before {
  content: "\e7c7";
}

.pi-icon-home_light:before {
  content: "\e7d4";
}

.pi-icon-play_forward_fill:before {
  content: "\e7f5";
}

.pi-icon-addressbook_fill:before {
  content: "\e6e2";
}

.pi-icon-addressbook:before {
  content: "\e6e3";
}

.pi-icon-filter:before {
  content: "\e6c7";
}

.pi-icon-eye:before {
  content: "\e60c";
}

.pi-icon-activity:before {
  content: "\e6de";
}

.pi-icon-activity_fill:before {
  content: "\e6df";
}

.pi-icon-add:before {
  content: "\e6e4";
}

.pi-icon-addition_fill:before {
  content: "\e6e0";
}

.pi-icon-addition:before {
  content: "\e6e1";
}

.pi-icon-barrage_fill:before {
  content: "\e6e6";
}

.pi-icon-barrage:before {
  content: "\e6e7";
}

.pi-icon-homepage_fill:before {
  content: "\e702";
}

.pi-icon-homepage:before {
  content: "\e703";
}

.pi-icon-integral_fill:before {
  content: "\e704";
}

.pi-icon-integral:before {
  content: "\e705";
}

.pi-icon-interactive_fill:before {
  content: "\e706";
}

.pi-icon-interactive:before {
  content: "\e707";
}

.pi-icon-keyboard:before {
  content: "\e708";
}

.pi-icon-live_fill:before {
  content: "\e709";
}

.pi-icon-live:before {
  content: "\e70a";
}

.pi-icon-lock_fill:before {
  content: "\e713";
}

.pi-icon-lock:before {
  content: "\e714";
}

.pi-icon-mail:before {
  content: "\e715";
}

.pi-icon-mail_fill:before {
  content: "\e716";
}

.pi-icon-manage_fill:before {
  content: "\e70b";
}

.pi-icon-manage:before {
  content: "\e70c";
}

.pi-icon-mine:before {
  content: "\e70e";
}

.pi-icon-mine_fill:before {
  content: "\e70f";
}

.pi-icon-offline_fill:before {
  content: "\e717";
}

.pi-icon-offline:before {
  content: "\e718";
}

.pi-icon-order_fill:before {
  content: "\e719";
}

.pi-icon-order1:before {
  content: "\e71c";
}

.pi-icon-praise_fill:before {
  content: "\e71a";
}

.pi-icon-praise:before {
  content: "\e71b";
}

.pi-icon-select_fill:before {
  content: "\e725";
}

.pi-icon-select:before {
  content: "\e726";
}

.pi-icon-setup_fill:before {
  content: "\e728";
}

.pi-icon-setup:before {
  content: "\e729";
}

.pi-icon-stealth_fill:before {
  content: "\e72d";
}

.pi-icon-stealth:before {
  content: "\e72e";
}

.pi-icon-tasklist_fill:before {
  content: "\e734";
}

.pi-icon-tasklist:before {
  content: "\e737";
}

.pi-icon-eyeclose-fill:before {
  content: "\e65d";
}

.pi-icon-bianji:before {
  content: "\e6c5";
}

.pi-icon-bianji1:before {
  content: "\e6c6";
}

